<!--top menu-->
<section id="top-menu">
    <div class="container">
        <div class="row">
        </div>
    </div>
</section>

<!--header-->
<header id="header">
    <div class="container">
        <div class="row header-top">
            <div class="span5 logo">
                <a class="logo-img" href="/" title="responsive template"><img src="/static/index/example/logo.png" alt="开发友社区" /></a>
                <p class="tagline">一个非营利的开发者社区</p>
            </div>
            <div class="span7 social-container">
                <p class="phone hidden-phone">
                    <i class="icon-envelope"></i>
                    web@loear.com
                </p>
                <p class="phone hidden-phone">
                    <i class="icon-user"></i>
                    <a href="{:url('back/System/dashboard')}">管理中心</a>
                </p>
                <!--<div class="top-social">-->
                    <!--<a data-original-title="Facebook" rel="tooltip" data-placement="top" class="facebook" href="#"></a>-->

                    <!--<a data-original-title="Twitter" rel="tooltip" data-placement="top" class="twitter2" href="#"></a>-->

                    <!--<a data-original-title="Dribble" rel="tooltip" data-placement="top" class="dribbble" href="#"></a>-->

                    <!--<a data-original-title="Digg" rel="tooltip" data-placement="top" class="digg" href="#"></a>-->

                    <!--<a data-original-title="DeviantArt" rel="tooltip" data-placement="top" class="dart" href="#"></a>-->

                    <!--<a data-original-title="Market" rel="tooltip" data-placement="top" class="market" href="#"></a>-->
                <!--</div>-->
            </div>
        </div>
        <div class="row header-nav">
            <div class="span12">
                <nav id="menu" class="clearfix">
                    <ul>
                        <li class="current"><a href="/"><span class="name">主页</span></a>
                            <!--<ul>
                                <li><a href="./index.html">Home Page 1</a></li>
                                <li><a href="./index2.html">Home Page 2</a></li>
                                <li><a href="./index3.html">Home Page 3</a></li>
                            </ul>-->
                        </li>
                        {volist name="$categories" id="category"}
                        <li><a href="/blog_0_{$category.id}_0.html"><span class="name">{$category.name}</span></a>
                            <ul>
                                {volist name="$category._data" id="category2"}
                                <li><a href="/blog_0_{$category2.id}_0.html">{$category2.name}</a>
                                    <ul>
                                        {volist name="$category2._data" id="category3"}
                                        <li><a href="/blog_0_{$category3.id}_0.html">{$category3.name}</a></li>
                                        {/volist}
                                    </ul>
                                </li>
                                {/volist}
                            </ul>
                        </li>
                        {/volist}
                        <li><a href="#"><span class="name">DOWNLOAD</span></a></li>
                    </ul>
                </nav>
                <form class="top-search pull-right" action="/blog_0_0_0.html" style="text-align: center;">
                    <input type="text" placeholder="搜索" class="" name="search">
                    <button type="submit" class="btn"><i class="icon-search-form"></i></button>
                </form>
            </div>
        </div>
    </div>
</header>